<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title><?php print Settings_model::$db_config['site_title']; ?>: <?php print $template['title']; ?></title>
    <?php print $template['metadata']; ?>
   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <!-- Mobile viewport optimized: h5bp.com/viewport -->
   <meta name="viewport" content="width=device-width">


   <meta name="robots" content="noindex, nofollow">
   <meta name="description" content="MetroUI-Web : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." />
   <meta name="keywords" content="metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" />
   <meta name="author" content="AozoraLabs by Marcello Palmitessa"/>
   
    <link rel="stylesheet" href="<?php print base_url(); ?>css/reset.css" type="text/css" media="screen" />

    <?php
    $this->load->view('generic/js_base_url');
    $this->load->view('generic/js_language_files');
    ?>
    
    <script type="text/javascript" src="<?php print base_url(); ?>js/jQuery/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="<?php print base_url(); ?>js/jQuery/jquery-qtip-1.0.0-rc3.min.js"></script>
    <script type="text/javascript" src="<?php print base_url(); ?>js/jQuery/jq_functions.js"></script>
    <script type="text/javascript" src="<?php print base_url(); ?>js/jQuery/themes/bootmetro/style.js"></script>


    <!---bootmetro style-->

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  	<style>
  	
  	    body { 
        	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        	-webkit-text-size-adjust: none;
        }


        #modal { display: none; background:}
            #modal a { background: #CCC; color: #333; font-weight: bold; padding: 5px 10px; border: none; }
            #modal a:hover { background: #aaa; } 

        
        
    </style>
   

   <!-- remove or comment this line if you want to use the local fonts -->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'/>

   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/bootstrap.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/bootstrap-responsive.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/bootmetro.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/bootmetro-tiles.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/bootmetro-charms.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/metro-ui-light.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/icomoon.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/jquery.pageslide.css"/>
   <!--  these two css are to use only for documentation -->
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>/css/themes/bootmetro/demo.css"/>
   <link rel="stylesheet" type="text/css" href="<?php print base_url(); ?>js/scripts/google-code-prettify/prettify.css" />

   <!-- Le fav and touch icons -->
   <!--
   <link rel="shortcut icon" href="content/ico/favicon.ico">
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="content/ico/apple-touch-icon-144-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="content/ico/apple-touch-icon-114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="content/ico/apple-touch-icon-72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="content/ico/apple-touch-icon-57-precomposed.png">
  -->
   <!-- All JavaScript at the bottom, except for Modernizr and Respond.
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
   <script src="<?php print base_url(); ?>js/scripts/modernizr-2.6.1.min.js"></script>

   <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3182578-6']);
      _gaq.push(['_trackPageview']);
      (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
   </script>
    <!---end of bootmetro style-->
    
    <script type="text/javascript" src="<?php print base_url(); ?>js/jQuery/themes/<?php print Settings_model::$db_config['default_theme'] ?>/style.js"></script>

    <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
</head>

<body id="main" data-accent="blue">
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

<div class="preload">
<!--
    <img src="<?php print base_url(); ?>images/themes/branded/form_button_hover.png" alt="" />
    -->
</div>
<div id="container">
    <header>
    <?php print $template['partials']['header']; ?>
    </header>
    <div id="content_column">

    <?php print $template['body']; ?>

    </div>
    <!--
    <footer>
    <?php //print $template['partials']['footer']; ?>
    </footer>-->
</div>
   <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
   <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script>window.jQuery || document.write("<script src='scripts/jquery-1.8.2.min.js'>\x3C/script>")</script>
-->
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/google-code-prettify/prettify.js"></script>
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/jquery.mousewheel.js"></script>
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/jquery.scrollTo.js"></script>
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/bootstrap.min.js"></script>
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/bootmetro.js"></script>
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/bootmetro-charms.js"></script>
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/demo.js"></script>
   <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/holder.js"></script>
    <script type="text/javascript" src="<?php print base_url(); ?>js/scripts/jquery.pageslide.min.js"></script>
   <script type="text/javascript">
      $(".metro").metro();
              /* Default pageslide, moves to the right */
        $(".first").pageslide();
        
        /* Slide to the left, and make it model (you'll have to call $.pageslide.close() to close) */
        $(".second").pageslide({ direction: "left", modal: true });
   </script>

</body>

</html>